<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<p:dialog header="#{msg['message.ess.hLInterno.panelHeader']}"
		id="dlgHLI" widgetVar="dlgWvHLI" modal="true" dynamic="true"
		draggable="false" resizable="false">
		<p:panel id="pnlDlgHLI">

			<p:panelGrid>

				<p:row>
					<!-- Compania -->
					<p:column>
						<p:outputLabel for="essHLICompaniaDlg"
							value="#{msg['message.ess.hL.compania']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essHLICompaniaDlg" style="width:175px"
							value="#{hLInternoMB.historialLaboralInterno.idCompania}">
							<f:selectItem itemLabel="Seleccione la compania" itemValue=""></f:selectItem>
							<f:selectItems value="#{catalogosMB.listaCompanias}"
								var="compania" itemLabel="#{compania.nombre}"
								itemValue="#{compania.id}" />
						</p:selectOneMenu>
					</p:column>
					<!-- Ubicacion -->
					<p:column>
						<p:outputLabel for="essHLIUbicacionDlg"
							value="#{msg['message.ess.hLInterno.ubicacion']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essHLIUbicacionDlg" style="width:175px"
							value="#{hLInternoMB.historialLaboralInterno.idUbicacion}">
							<f:selectItem itemLabel="Seleccione la ubicacion" itemValue=""></f:selectItem>
							<f:selectItems value="#{catalogosMB.listaUbicaciones}"
								var="ubicacion" itemLabel="#{ubicacion.nombre}"
								itemValue="#{ubicacion.id}" />
						</p:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<!-- Area -->
					<p:column>
						<p:outputLabel for="essHLIAreaDlg"
							value="#{msg['message.ess.hLInterno.area']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essHLIAreaDlg" style="width:175px"
							value="#{hLInternoMB.historialLaboralInterno.idArea}">
							<f:selectItem itemLabel="Seleccione el area" itemValue=""></f:selectItem>
							<f:selectItems value="#{catalogosMB.listaAreaGeneral}" var="area"
								itemLabel="#{area.nombre}" itemValue="#{area.id}" />
						</p:selectOneMenu>
					</p:column>
					<!-- Departamento -->
					<p:column>
						<p:outputLabel for="essHLIDepartamentoDlg"
							value="#{msg['message.ess.hLInterno.departamento']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essHLIDepartamentoDlg" style="width:175px"
							value="#{hLInternoMB.historialLaboralInterno.idDepartamento}">
							<f:selectItem itemLabel="Selection..." itemValue="1"></f:selectItem>
						</p:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<!-- Puesto -->
					<p:column>
						<p:outputLabel for="essHLIpuestoDlg"
							value="#{msg['message.ess.hL.puesto']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="essHLIpuestoDlg"
							value="#{hLInternoMB.historialLaboralInterno.puesto}" />
					</p:column>
					<!-- Fecha Inicio -->
					<p:column>
						<p:outputLabel for="essHLIFecIniDlg"
							value="#{msg['message.ess.fechaInicio']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:calendar id="essHLIFecIniDlg" readonlyInput="true"
							value="#{hLInternoMB.historialLaboralInterno.fechaInicio}" />
					</p:column>
				</p:row>
				<p:row>
					<!-- Fecha Termino -->
					<p:column>
						<p:outputLabel for="essHLIFecTerDlg"
							value="#{msg['message.ess.fechaTermino']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:calendar id="essHLIFecTerDlg" readonlyInput="true"
							value="#{hLInternoMB.historialLaboralInterno.fechaTermino}" />
					</p:column>
					<!-- Hasta Hoy -->
					<p:column>
						<p:outputLabel for="essHLIHastaHoyDlg"
							value="#{msg['message.ess.hLInterno.hastaHoy']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectBooleanButton id="essHLIHastaHoyDlg"
							onIcon="ui-icon-check" offIcon="ui-icon-close"
							onLabel="#{msg['message.ess.si']}"
							offLabel="#{msg['message.ess.no']}"
							value="#{hLInternoMB.historialLaboralInterno.hastaHoy}" />
					</p:column>
				</p:row>
				<p:row>
					<!-- Grado -->
					<p:column>
						<p:outputLabel for="essHLIGradoDlg"
							value="#{msg['message.ess.hLInterno.grado']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:selectOneMenu id="essHLIGradoDlg" style="width:175px"
							value="#{hLInternoMB.historialLaboralInterno.idGrado}">
							<f:selectItem itemLabel="Selection..." itemValue="1"></f:selectItem>
						</p:selectOneMenu>
					</p:column>
					<!-- Responsabilidades -->
					<p:column>
						<p:outputLabel for="essHLIRespDlg"
							value="#{msg['message.ess.hL.responsabilidades']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="essHLIRespDlg"
							value="#{hLInternoMB.historialLaboralInterno.responsabilidades}" />
					</p:column>
				</p:row>
				<p:row>
					<!-- Logros -->
					<p:column>
						<p:outputLabel for="essHLILogrosDlg"
							value="#{msg['message.ess.hL.logros']}">
						</p:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="essHLILogrosDlg"
							value="#{hLInternoMB.historialLaboralInterno.logros}" />
					</p:column>
					<p:column>
					</p:column>
					<p:column>
					</p:column>
				</p:row>

			</p:panelGrid>

			<h:panelGroup layout="block" style="text-align:center;">
				<p:commandButton value="#{msg['message.upload.cerrar']}"
					onclick="dlgWvHLI.hide();" update="pnlDlgHLI"
					action="#{hLInternoMB.reInitDialog}" global="false">
				</p:commandButton>
				<p:commandButton value="#{msg['message.ess.agregar']}"
					update="pnlDlgHLI dtHLI" action="#{hLInternoMB.reInitDialog}"
					global="false" oncomplete="handleRequestHLI(xhr, status, args);">
					<p:collector value="#{hLInternoMB.historialLaboralInterno}"
						addTo="#{hLInternoMB.historial}" />
				</p:commandButton>
			</h:panelGroup>
		</p:panel>
	</p:dialog>

	<p:confirmDialog
		message="#{msg['message.ess.eliminarRegistro.mensaje']}"
		widgetVar="dlgHLIConfirmaEliminarReg">
		<h:panelGroup layout="block" style="text-align: right;">
			<p:commandButton id="cbHLIConfirmaEliminarReg" value="Si"
				update="dtHLI" oncomplete="dlgHLIConfirmaEliminarReg.hide()"
				actionListener="#{hLInternoMB.eliminarRegistros}"
				process="@this, dtHLI" />
			<p:commandButton id="cbHLIDeclinarEliminarReg" value="No"
				onclick="dlgHLIConfirmaEliminarReg.hide()" type="button" />
		</h:panelGroup>
	</p:confirmDialog>

	<p:confirmDialog
		message="#{msg['message.ess.eliminarRegistro.mensaje.sinSel']}"
		widgetVar="dlgHLISinSeleccion">
		<h:panelGroup layout="block" style="text-align: right">
			<p:commandButton id="HLIok" value="Aceptar"
				onclick="dlgHLISinSeleccion.hide()" type="button" />
		</h:panelGroup>
	</p:confirmDialog>

	<script type="text/javascript">
		function handleRequestHLI(xhr, status, args) {
			if (!args.validationFailed) {
				dlgWvHLI.hide();
			}
		}
	</script>

</ui:composition>